<template>
	<div>
		<van-overlay :show="show" @click="show = false">
			<!--遮罩外层框-->
			<div class="mask_container">
				<!--title-->
				<van-icon name="close" />
			</div>
		</van-overlay>
	</div>
</template>

<script>
	import { Overlay, Icon } from 'vant'

	export default {
		name: "alerts",
		components: {
			[Overlay.name]: Overlay,
			[Icon.name]: Icon,
		},
		data() {
			return {
				show: true, // 遮罩层显瘾控制，最后通过父子组件传值控制
			}
		}
	}
</script>

<style scoped lang = "scss">
	/*遮罩最外层*/
	.mask_container {
		width: 80%;
		height: 30rem;
		border-radius: 2rem;
		background-color: #fff;
		margin: 40% auto;
		overflow: scroll;
	}
</style>
